import React from "react";
import { NavBar, Toast, Empty } from "react-vant";
import { useNavigate } from "react-router-dom";

const Index: React.FC = () => {
  const navigate = useNavigate();

  return (
    <div>
      <NavBar
        title="代金券"
        leftText="返回"
        rightText="设置"
        onClickLeft={() => navigate(-1)}
      />
      <Empty
        className="custom-image"
        imageSize={90}
        image={<img src="https://img.yzcdn.cn/vant/custom-empty-image.png" />}
        description="暂无代金券"
      />
    </div>
  );
};

export default Index;
